<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view contentType="text/html">
	<h:head>
		<f:facet name="first">
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
			<title>SnifferX</title>
			<link rel="shortcut icon"
				href="#{request.contextPath}/images/snifferX.ico" />
		</f:facet>
		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/css/default.css" />
		<ui:insert name="customCSS"></ui:insert>
		<style type="text/css">
body {
	margin: 0;
	padding: 0;
	background-image: url(#{request.contextPath}/images/Fedora.jpg);
	/* background-repeat: no-repeat; */
}

.no-border {
	border: none;
}

.ui-menu-child {
	background: white !important;
}

.ui-growl {
	position: absolute;
	top: 4%;
	/**left:50%;
    z-index:9999;**/
}
</style>
		<ui:insert name="customStyle"></ui:insert>
		<ui:insert name="customJS"></ui:insert>
		<!-- even if the pages not include the primefaces components ,jquery working also  -->
		<h:outputScript library="primefaces" name="jquery/jquery.js" />
	</h:head>

	<p:growl id="growl" showDetail="false" />

	<h:body>

		<p:outputPanel
			rendered="#{loginBean!= null ?(loginBean.currentUserDetails != null):'false'}">
			<div style="BACKGROUND-COLOR: black; width: 100%; height: 32px;">
				<img src="#{request.contextPath}/images/website_sprite.png"
					alt="some_text" />

				<h:form prependId="false" style="COLOR: #ffffff; diplay:inline">
					<p:menubar
						style="float:right; BACKGROUND-COLOR:black;border: 0px;margin-top: -37px;height: 20px;background:black"
						autoDisplay="true">
						<p:menuitem
							value="#{loginBean.user.firstName}  #{loginBean.user.lastName}"
							style="color: rgb(204, 204, 204);">
							<!-- <h:outputText value="#{loginBean.login}" style="color: rgb(204, 204, 204);"/> -->
						</p:menuitem>

						<p:menuitem styleClass="split" />

						<p:submenu label="File" icon="ui-icon-document">
							<p:submenu label="New" icon="ui-icon-contact">
								<p:menuitem value="Project" url="#" />
								<p:menuitem value="Other" url="#" />
							</p:submenu>
							<p:menuitem value="Open" url="#" />
							<p:separator />
							<p:menuitem value="Quit" url="#" />
						</p:submenu>

						<p:menuitem styleClass="split" />

						<p:submenu label="Edit" icon="ui-icon-pencil">
							<p:menuitem value="Undo" url="#"
								icon="ui-icon-arrowreturnthick-1-w" />
							<p:menuitem value="Redo" url="#"
								icon="ui-icon-arrowreturnthick-1-e" />
						</p:submenu>

						<p:menuitem styleClass="split" />
						<p:submenu label="Help" icon="ui-icon-help">
							<p:menuitem value="Contents" url="#" />
							<p:menuitem value="Search" icon="ui-icon-search">
							</p:menuitem>
						</p:submenu>

						<p:menuitem styleClass="split" />

						<p:submenu label="Actions" icon="ui-icon-gear">
							<p:menuitem value="Edit profile" icon="ui-icon-person"
								url="/manage/editProfile.jsf" />
						</p:submenu>

						<p:menuitem styleClass="splitx" />

						<p:menuitem>
							<!-- <p:graphicImage value="/images/photo.jpg"></p:graphicImage> -->
							<p:graphicImage value="#{loginBean.user.image}"
								style="height:23px;" alt=" "
								cache="false">
								<f:param value="#{now.time}"></f:param>
							</p:graphicImage>
						</p:menuitem>

						<p:menuitem value="Quit" url="/j_spring_security_logout"
							icon="ui-icon-close" />

					</p:menubar>
				</h:form>

			</div>
		</p:outputPanel>



		<h:form>
			<p:stack id="stack" icon="/images/stack/stack.png" expanded="false"
				model="#{myMenuBean.model}">
			</p:stack>
		</h:form>


		<div id="wholeContent">
			<table width="100%" height="100%">
				<tr>
					<td align="center" valign="middle"><ui:insert name="content"></ui:insert>
					</td>
				</tr>
			</table>
		</div>

	</h:body>



</f:view>
</html>